/*  
Theme Name: Designer Daily test
Theme URI: http://www.designer-daily.com
Description: Bla bla bla.
Version: 0.9
Author: Mirko Humbert
Author URI: http://www.mirkohumbert.ch/
*/

* {margin:0;padding:0;}
html, body {font-family:helvetica,arial,verdana,sans-serif;font-size:0.9em;}
#contentwrapper, .footer2 {position:relative;width:890px;margin:30px auto;}
a {text-decoration:underline;color:#2F5F5F;}
a:hover {color:#7F072E;text-decoration:none;}

#interesteddesign {position:relative;float:left;width:450px;}
#getinspiredad {position:relative;float:left;width:450px;text-align:center;}
#getinspiredad img {border:0;}

/* HEADER */
#header {width:100%;background:#eeefef url('images/little-shade.jpg') repeat-x bottom;height:111px;text-align:center;}
#header img {border:none;}
.headerimg {text-transform:uppercase;padding:30px 0;}
.headerimg a {color:#535F5F;text-decoration:none;}
#header h1 {position:relative;float:left;font-weight:normal;color:#6F7F7F;font-size:1em;margin:8px 0;}
#headernav {position:relative;margin:0 auto;width:890px;height:30px;}
#headernav ul {position:relative;float:right;margin:8px 0;width:200px;}
#headernav ul li {position:relative;float:left;list-style-type:none;margin:0 20px 0 0;padding:0;}
#headernav ul li a {color:#6F7F7F;text-decoration:none;}
#headernav ul li a:hover {color:#364F4F;text-decoration:underline;}
#logowrap {position:relative;margin:0 auto;padding:50px 0 0;width:890px;}
#logo {position:relative;float:left;margin:-30px 0 0 -15px;}
#header iframe {position:relative;float:left;margin:30px auto;clear:both;}

/* NAVIGATION */
#navigation {position:absolute;top:-70px;left:55px;}
#navigation ul li a {font-family:helvetica,arial,sans-serif;text-decoration:none;color:#536F6F;font-weight:normal;}

/* DROP-DOWN */
ul.dropdown {position:relative;z-index:420;}
ul.dropdown li {font-weight:bold;list-style-type:none;float:left;zoom:1;background:transparent;}
ul.dropdown a:hover {color:#000;}
ul.dropdown a:active {color:#ffa500; }
ul.dropdown li a {display:block;padding:5px 15px;border-right:1px solid #ddd;color:#000;background:#fff;}
ul.dropdown li:last-child a {border-right:none;} /* Doesn't work in IE */
ul.dropdown li.hover, ul.dropdown li:hover {background:#EEEFEF;color:black;position:relative;}
ul.dropdown li.hover a {color:#000 !important;}
ul.dropdown li.hover a:hover {color:#576F0D !important;}
ul.dropdown li.rsssubscription a {color:#CF710C !important;}
ul.dropdown li.rsssubscription img {position:absolute;right:-30px;top:0px;border:none;}

ul.dropdown ul {width:220px;visibility:hidden;position:absolute;top:100%;left:0;}
ul.dropdown ul li {font-weight:normal;background:#fff;color:#000;border-bottom:1px solid #ccc;float:none;}
					


/* SIDEBARS */
#footer {position:relative;float:right;width:410px;margin:65px 0;}
#squareads {position:relative;float:left;width:430px;}
.cjads {position:relative;float:left;}
.cjads img {margin:0 18px 0 0;}
#squareads .affban {margin:9px 0 0 0;}
#squareads .ad1, #squareads .ad2, #squareads .ad4, #squareads .ad5 {margin:0 19px 19px 0;}
#advertiseondd {position:relative;float:left;padding:5px 0;width:415px;text-align:center;margin:0 0 10px;background:#F7FFEF;border-top:1px solid #E8EFE0;border-bottom:1px solid #E8EFE0;}
#advertiseondd a {text-decoration:none;}
#advertiseondd a:hover {text-decoration:underline;}
#sidebar {position:relative;float:left;width:265px;}
#sidebar a {text-decoration:none;}
#sidebar a:hover {text-decoration:underline;}
#sidebar h2 {font-size:0.9em;font-weight:bold;color:#aaa;text-transform:uppercase;margin:13px 0 20px 10px;}

#sidebar #largeads {position:relative;float:left;display:block;clear:both;width:269px;clear:both;border-left:1px solid #ccc;border-right:1px solid #ccc;border-top:1px solid #ccc;margin:10px 0 0;padding:15px 0 30px;text-align:center;background:#eee;}
#sidebar #largeads #bsap_1240054 {margin:20px 0 0 33px;}


#search {position:relative;float:left;display:block;width:259px;margin:0;background:#ddd;padding:10px 0 10px 10px;border:1px solid #ccc;}
#search #searchform input#s {border:1px solid #838F7D;width:160px;margin:0 0 0 4px;}
#search #searchform input.submit {color:#838F7D;margin:0 0 0 10px;}
#recentposts, .popular, .blogroll {position:relative;float:left;display:block;clear:both;width:267px;border:1px solid #fff;outline:1px solid #ccc;padding:0 0 10px 0;margin:10px 0 0;}
#recentposts {margin-bottom:10px !important;}
.popular img {margin:0 0 0 10px;border:1px solid #ddd;}
#sidebar #recentposts li {position:relative;float:left;display:block;clear:both;list-style-type:none;margin:0 10px;padding:0;}
#sidebar #recentposts li a {font-weight:normal;}
#sidebar #recentposts p {position:relative;float:left;width:100%;margin:10px 0;}
#sidebar .blogroll li {list-style-type:none;margin:0 10px 10px 10px;padding:0;}
.popular ul {position:relative;float:left;width:247px;margin:0 0 0 10px;}
.popular li {position:relative;float:left;width:110px;display:inline;list-style-type:none;margin:0 10px 0 0;height:40px;}
#books {position:relative;float:left;width:125px;margin:0 0 0 14px;}
img.opacify {border:none;}
#homelatest {width:430px;padding:10px;background:#555;margin:6px 0 1px 0;color:#fff;}
#homeinspired {position:relative;float:left;width:450px;margin:0 0 30px;}
#homeinspiredlatest {width:430px;padding:10px;background:#555;margin:6px 0 1px 0;color:#fff;}

/* SINGLE SPECIFIC */
#articlesnav {position:relative;float:left;width:450px;border-top:1px dotted #555;border-bottom:1px dotted #555;padding:1px 0;}
div.previousarticle {position:relative;float:left;width:150px;background:#BECFB5;padding:3px 0 0;text-align:center;}
div.nextarticle {position:relative;float:right;width:150px;background:#BECFB5;padding:3px 0 0;text-align:center;}
.postcontent .previousarticle a {text-decoration:none !important;font-size:0.8em;text-transform:uppercase;}
.postcontent .nextarticle a {text-decoration:none !important;font-size:0.8em;text-transform:uppercase;}
.nextprevious {position:relative;background:#7E8F74;float:left;width:450px;text-align:center;padding:5px 0;}
.nextprevious a {text-decoration:none !important;font-weight:bold;color:#fff !important;}
.nextpreviousfooter {position:relative;border:1px solid #ddd;;float:left;width:450px;text-align:center;padding:5px 7px;margin:0 0 5px -10px;}
.nextpreviousfooter a {text-decoration:none;color:#555;}
.nextpreviousfooter a:hover {color:#000;text-decoration:underline;}
#rtbutton {position:relative;float:left;width:113px;text-align:center;padding:4px 0 0 35px;background:#BECFB5;height:20px;border-left:1px solid #fff;border-right:1px solid #fff;}
#caretoshare {position:relative;float:right;width:200px;margin:10px 20px 0 0;font-size:2em;color:#ccc;}
#related {position:relative;float:left;width:450px;margin:10px 0 0 0;}
#related #adsensebutton {position:relative;float:left;margin:0 10px 0 -10px;}
#related #relatedposts {position:relative;float:left;}
#related h2 {font-size:0.9em;text-transform:uppercase;margin:3px 0 10px;}
#related #relatedposts li {list-style-type:none;margin:5px 0;}
#related #relatedposts li a {text-decoration:none;}
#getmoreinspiration {position:relative;float:left;margin:40px 0 0;width:450px;}
#getmoreinspiration img {margin:9px;border:1px solid #fff;outline:1px solid #ddd;}
#inspirationcat {position:relative;float:left;}
#inspirationcat .post {position:relative;float:left;margin:9px;}
#donationform {position:relative;float:left;width:210px;margin:10px 10px 10px 0;border:1px solid #ddd;padding:5px;}
#donationcloud {position:relative;float:left;width:210px;margin:10px 0 10px 0;border:1px solid #ddd;padding:5px;}
#bsap_1259212 {position:relative;float:left;width:468px;}

.nextprev {width:450px;}
.nextprev .next {float:right;}
.nextprev .next img {float:right;margin:10px 0;}
.nextprev .prev {float:left;}
.nextprev .prev img {float:left;margin:10px 0;}


#inspiredtext {position:relative;float:left;font-size:1.5em;line-height:1.5em;padding:10px;width:430px;}

.inspiredemailsubscription {position:relative;float:left;margin:10px;padding:10px;border:1px solid #ddd;width:395px;}
.inspiredemailsubscription p {position:}

.readmore {width:450px;margin:5px 0;text-align:right;}


/* SOCIAL MEDIA - RSS BOX */
#sharingicons {position:relative;float:left;padding:0 0 15px;border-bottom:1px solid #ddd;margin:0 0 10px;width:450px;}
#sharingicons ul {list-style-type:none;}
#sharingicons ul li {position:relative;float:left;}
#singlersssubscribe {position:relative;float:left;margin:10px 0 5px -10px;border:1px solid #ddd;padding:15px;width:435px;}
#singlersssubscribe a {text-decoration:none;font-weight:bold;color:#000;}
#singlersssubscribe a:hover {text-decoration:underline;}
#singlersssubscribe img {border:none;margin:0 10px -8px 0;}
#singlersssubscribe .rssbutton {position:relative;float:left;width:195px;border-right:1px solid #ddd;padding:0 15px 0 0;margin:0 15px 0 0;}
.rssform {position:relative;float:left;width:200px;margin:10px 0 0;}
.rssform input#abo {margin:10px 0 0 0;border:1px solid #ccc;width:120px;}
.rssform input#rsssubmit {background:transparent;border:none;margin:0 0 0 5px;}
.social ul {position:relative;float:right;width:450px;list-style-type:none;}
.social ul li {position:relative;float:right;margin:0 10px;}
.social ul li img {border:0;}

/* MAIN CONTENT */
#maincontent {width:454px;padding:60px 0 0 0;}
.homepage #maincontent h2.posttitle {font-family:helvetica, arial, sans-serif;font-size:1.2em;font-weight:bold;color:#000;line-height:1.2em;text-align:left;}
.homepage #maincontent h2.posttitle a {color:#000;text-decoration:none;}
.single #maincontent h2.posttitle {font-family:helvetica, arial, sans-serif;font-size:2.1em;font-weight:normal;color:#000;line-height:1.2em;text-align:left;magin:0 0 10px;}

#maincontent h3 {font-weight:normal;font-size:1.3em;margin:0;padding:15px 0 0;}
.post {margin:0 0 50px;text-align:left;}
.postinspired {position:relative;float:left;width:150px;}
.postinspired img {width:150px;height:auto;}
.homepage .post, .homepage #post-featured {margin:0 0 50px;}
.post img {margin:0;padding:0;max-width:450px;border:0;outline:0;}
.homepage .post img {margin:0 0 20px;}
#post-featured img {border:0;outline:0;margin:0 0 20px 0;}
.post .postcontent h2 {font-size:1.5em;color:#1A2F2F;font-weight:normal;margin:40px 0 20px;border-bottom:1px solid #3E6F6F;padding:0 0 5px 0;}
.post .postcontent {font-size:1.3em;line-height:1.5em;margin:0 0 50px;}
.post .postcontent ul, #maincontent .post .postcontent ol {margin:10px 0 0 15px;}
.post .postcontent .sociable img {border:0;outline:0;}
.post .postcontent .sociable a {border-bottom:0;}
.post .postcontent a {text-decoration:underline;color:#2F5F5F;}
.post .postcontent a:hover {color:#005F5F;text-decoration:none;}
.post .postcontent p {margin:10px 0;}
/*.post .postcontent code {background:transparent;border-top:none;border-right:none;border-bottom:none;margin:5px 0 15px 0;padding:5px 15px 5px 15px;text-align:left;width:420px;} */
.post .postcontent blockquote {position:relative;float:left;background:#EEEFEF;padding:10px 15px;margin:0 0 10px 0;border:1px solid #A7BFBF;font-style:italic;}
.post .postcontent blockquote .quoteauthor {position:relative;float:right;font-style:normal;font-weight:bold;}
.metadata {color:#7D8F8F;margin:0 0 10px;}
.metadata a {font-size:0.9em;color:#171F1F;text-decoration:none;}
#maincontent .post .aftermetadata .commentlink {text-align:right;}
#maincontent .post .aftermetadata .commentlink a {font-size:1.2em;padding:10px;border-top:1px dotted #C2CFCF;text-decoration:none;color:#777;}
#maincontent .post .aftermetadata .commentlink a:hover {color:#000;border-top:1px solid #555;}
#maincontent .adblock {position:relative;float:left;margin:0 0 0 -10px;}

/* OLDER POSTS NAVIGATION */
.navigation {position:relative;float:left;width:450px;height:30px;margin:50px 0 30px 0;}
.navigation .alignleft {position:relative;float:left;width:200px;}
.navigation .alignright {position:relative;float:right;}
.navigation .alignleft a, #maincontent .navigation .alignright a {font-size:1.2em;padding:10px;border-top:1px dotted #C2CFCF;text-decoration:none;color:#777;}
.navigation .alignleft a:hover, #maincontent .navigation .alignright a:hover {color:#000;border-top:1px solid #555;}

.more-info {position:relative;float:left;margin:20px 5px 20px 0;}
.download {position:relative;float:left;width:450px;margin:20px 0 10px 0;}
.download a {padding:10px;background:#EEEFEF;border:1px dotted #99AFAF;}
.download a:hover {background:#fff;border:1px solid #000;}
.more-info a {padding:10px;background:#fff;border:1px dotted #99AFAF;}
.more-info a:hover {background:#EEEFEF;border:1px solid #000;}
.wordpress-theme {position:relative;float:left;width:430px;padding:10px;border:1px solid #eee;margin:10px 0;}
.wordpress-theme img {margin:0;padding:0;}
.design-resources {position:relative;float:left;width:210px;margin:20px 10px 0 0;}
/* #maincontent code {position:relative;float:left;margin:10px 0;width:410px;background-color:#EFEFEF;padding:20px;border:1px solid #C3DFD1;} */
.donations {position:relative;float:left;width:450px;margin:10px 0;}
pre, code {width:450px !important;word-wrap: break-word !important;
white-space: pre-wrap; /* css-3 */

white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */

white-space: -pre-wrap; /* Opera 4-6 */

white-space: -o-pre-wrap; /* Opera 7 */}

/* COMMENTS */
#comments {position:relative;float:left;width:450px;margin:0;padding:0;}
h2.comments, h2#postcomment {width:450px;margin:30px 0 20px;color:#ccc;text-transform:uppercase;}
.addcomment {position:relative;float:right;}
h2.comments .addcomment a {padding:5px 0;font-size:0.9em;border-top:1px solid #ddd;border-bottom:1px solid #ddd;text-decoration:none;font-weight:normal;color:#ddd;}
h2.comments .addcomment a:hover {color:#000;background:none;border-bottom:1px solid #000;border-top:1px solid #000;}
ul#commentlist {width:450px;display:block;clear:both;padding:0;}
ul#commentlist {list-style-type:none;}
ul#commentlist li.lightgraybox {width:425px;background:#EEEFEF;border:1px solid #ddd;padding:30px 20px;margin:10px 0 10px -10px;}
ul#commentlist li.graybox {width:425px;border:1px solid #ddd;padding:30px 20px;margin:0 0 0 -10px;}
.commentheader {position:relative;float:left;width:430px;border-bottom:1px solid #ddd;padding:0 0 10px 0;margin:0 0 20px 0;}
.commentheader .commentavatar {position:relative;float:left;width:32px;bottom:10px;font-style:normal;}
.commentheader .commentauthorauthor {position:relative;float:left;font-size:1.5em;margin:0 0 0 20px;}
.commentheader .commentnumber {position:relative;float:left;font-size:12px;}
.commentheader small {position:absolute;top:0px;left:100px;color:#555;}
.commentheader a {color:#295F5F;text-decoration:none;}
.commentheader a:hover {color:#000;}
ul#commentlist p {margin:10px 0;}

/* COMMENT FORM */
#commentform {width:425px;border:1px solid #ccc;background:#ddd;padding:10px 20px 20px;margin:10px 0 30px -10px;color:#fff;}
#commentform a {color:#fff;text-decoration:none;}
#commentform textarea {width:410px;border:1px solid #151F1F;}
#commentform p {margin:5px 0;}
#commentform input {border:1px solid #151F1F;padding:5px;}
#commentform input#submit {float:right;font-size:15px;font-weight:bold;margin:0 13px 0 10px;}
#commentform input#submit:hover {background:#ccc;}
#commentform label small {color:#000;}

/* TRACKBACKS */
ol#trackbacks {position:relative;float:left;margin:0 0 30px 20px;}
ol#trackbacks li {margin:10px 0;}
ol#trackbacks li a {text-decoration:none;color:#3E6F6F;}
ol#trackbacks li a:hover {text-decoration:underline;color:#0A4F4F;}


/* FOOTER */

#realfooter {position:relative;float:left;font-size:0.9em;width:890px;text-align:center;padding:0;border-top:5px solid #D8DFC3;width:100%;background:#EEF1E6;margin:0;color:#828F59;}
#realfooter a {font-weight:bold;text-decoration:none;color:#737F4F;}
#realfooter a:hover {color:#555F35;text-decoration:underline;}



/* CONTACT PAGE */
form ol.cf-ol, form#cforms2form ol.cf-ol {list-style-type:none;}
form ol.cf-ol li, form#cforms2form ol.cf-ol li {margin:10px 0;}
form ol.cf-ol li span.reqtxt, span.emailreqtxt, form#cforms2form ol.cf-ol li span.reqtxt {color:red;}
form ol.cf-ol label, form#cforms2form ol.cf-ol label {position:relative;float:left;width:150px;}
form ol.cf-ol input, form#cformsform ol.cf-ol textarea {border:1px solid #555;}
form input#sendbutton {float:right;width:150px;margin:10px 30px 0 0;padding:10px;border:1px solid #555;}
form ol.cf-ol li#li-2-1 {width:440px;height:75px;}
form ol.cf-ol li#li-2-1 input#cf2_field_1 {margin:0 0 0 120px;}
form ol.cf-ol li#li-2-1 label.cf-before {position:relative;float:right;clear:left;width:290px;}


.wp-caption p.wp-caption-text {font-style:italic;font-size:0.9em;margin:0 !important;}


.vectorproduct {position:relative;float:left;background:#eee;border:1px solid #ddd;margin:0 0 5px 0;padding:10px;width:430px;}
.vectorproduct img {position:relative;float:right;border:0;outline:0;}
.vectorproduct a img {border:0;outline:0;}
.vectorproduct h3 {position:relative;float:left;}


#ninerules img {margin:20px 0 0 30px;}

#maincontent form#tdomf_form1 fieldset {position:relative;float:left;background:#eee !important;padding:0;margin:0;}

#postheaderads {position:relative;float:left;width:450px;margin:5px 0 20px 0;}
#firstad {position:relative;float:left;}
#googleadssingle {position:relative;float:left;padding:15px 0;text-align:left;}
#googleadssingle img {position:relative;float:left;margin:0 20px 0 0;}
#googleadssingle a {position:relative;float:left;margin-top:15px;text-decoration:none;}



#jobboard {margin:-30px 0 0 -50px;}


/* WEBHOSTINGBUZZ BANNER */
@charset "utf-8";
#webhostingbuzz {
	position:absolute;
	width:290px !important;
	z-index:555;
	height:40px;
	z-index:2;
	right: -160px;
	top: 40px;
}
div.advertise-btn a {
	display: block;
	padding: 4px;
	font-size: 13px;
	line-height: 1;
	text-align: center;
	color: #999;
	border: 1px solid #ddd;
	background: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	}
div.advertise-main a {
	text-align: left;
	}
div.advertise-main a img {
	float: left;
	margin: 0 6px 0 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	}
div.advertise-btn a strong.bold {	
	display: block;
	margin: 0 0 1px 0;
	color: #ea4c88;
	}
div.advertise-main a strong.bold {	
	color: #333;
	}
div.advertise-btn a:hover {
	color: #fff;
	color: rgba(255,255,255,.7);
	border-color: #ea4c88;
	
	}
div.advertise-main a:hover {
	color: #999;
	border-color: #ccc;
	background: rgba(0,0,0,.04);
	}
div.advertise-btn a:hover strong.bold {
	color: #fff;
	}
div.advertise-main a:hover strong.bold {
	color: #333;
	}